#5C2D3F

Color Details

HEX
#5C2D3F
RGB
rgb(92, 45, 63)
HSL
hsl(337, 34%, 27%)
CMYK
cmyk(0%, 51%, 32%, 64%)
Best text on this color #FFFFFF (CR 11.04:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5c2d3f
Contrast 1.90:1 Fail
White on #5c2d3f
Contrast 11.04:1 AAA
#5c2d3f on Black
Contrast 1.90:1 Fail
#5c2d3f on White
Contrast 11.04:1 AAA

Tints & Shades

#7d5765
#9d818c
#beabb2
#4a2432
#371b26
#251219

Complement & Analogous

#2d5c4a
#5c332d
#5c2d57

Triadic

#3f5c2d
#2d3f5c

Monochrome

#251219 #371b26 #5c2d3f #9d818c #beabb2 #ded5d9

Analogous

#5c2d57 #8d6c89 #5c2d3f #7d5c57 #5c332d #4a2924

Complementary Mix

#371b26 #5c2d3f #9d818c #2d5c4a #779589 #1d3c30

Nearby Colors

#5c2d3e
#5c2d40
#5c2d2f
#5c2d4f

Embed #5C2D3F swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5C2D3F

#5C2D3F converts to RGB(92, 45, 63) and HSL(337, 34%, 27%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5C2D3F FAQs

What is the RGB value of #5C2D3F?
RGB: 92, 45, 63. Copy as CSS: rgb(92, 45, 63)
Is #5C2D3F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5C2D3F?
Complement: #2d5c4a.
Does #5C2D3F have good contrast on white or black?
On white: 11.04:1 (AAA (normal text)). On black: 1.90:1 (Fails AA).